<template name="skeleton">
  <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section" class="data-v-83a5a03c data-v-83a5a03c">
    <view class="uni-section section--uni-section">
      <view class="uni-section-header section--uni-section-header">
        <view class="uni-section-header__decoration section--uni-section-header__decoration line section--line" />
        <view class="uni-section-header__content section--uni-section-header__content">
          <text
            class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-650 sk-text"
            style="font-size:17px;color:#333"
          >
            推荐项目
          </text>
        </view>
        <view class="uni-section-header__slot-right section--uni-section-header__slot-right" />
      </view>
      <view class="uni-section-content section--uni-section-content" style="padding:" />
    </view>
  </view>
  <view
    is="common/components/hope-projects"
    class="recommend-projects recommend-projects data-v-83a5a03c data-v-83a5a03c"
  >
    <view class="projects projects--projects data-v-6279423c projects--data-v-6279423c">
      <image
        class="projects-img projects--projects-img data-v-6279423c projects--data-v-6279423c sk-image"
        mode="aspectFill"
      />
      <view class="projects-share projects--projects-share data-v-6279423c projects--data-v-6279423c">
        <view is="common/components/hope-button-share" class="data-v-6279423c projects--data-v-6279423c">
          <button
            class="share share--share data-v-33202d99 share--data-v-33202d99 share--grey share--share--grey sk-button sk-pseudo sk-pseudo-circle"
            open-type="share"
          >
            <image
              class="share-icon share--share-icon data-v-33202d99 share--data-v-33202d99 sk-image"
              mode="scaleToFill"
            />
          </button>
        </view>
      </view>
      <view class="projects-content projects--projects-content data-v-6279423c projects--data-v-6279423c">
        <text
          class="projects-title projects--projects-title ellipsis-1 projects--ellipsis-1 data-v-6279423c projects--data-v-6279423c sk-transparent sk-text-14-2857-326 sk-text"
        >
          “绿色校园”环保教育项目
        </text>
        <text
          class="projects-brief projects--projects-brief ellipsis-2 projects--ellipsis-2 data-v-6279423c projects--data-v-6279423c sk-transparent sk-text-14-2857-384 sk-text"
        >
          本项目致力于在学校中推广环保教育，通过组织环保讲座、工作坊和实践活动，培养学生的环保意识，鼓励他们在日常生活中采取环保行动。项目还将建立校园内的环保志愿者团队，共同维护校园环境的整洁和美丽。
        </text>
      </view>
      <view is="common/components/hope-button" class="data-v-6279423c projects--data-v-6279423c">
        <button
          class="button button--button data-v-e2c69bc4 button--data-v-e2c69bc4 sk-pseudo sk-pseudo-circle sk-image"
        >
          <text
            class="button-text button--button-text data-v-e2c69bc4 button--data-v-e2c69bc4 sk-transparent sk-text-30-4348-661 sk-text"
            style="background-position-x: 50%;"
          >
            帮助
          </text>
        </button>
      </view>
    </view>
  </view>
  <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section" class="data-v-83a5a03c data-v-83a5a03c">
    <view class="uni-section section--uni-section">
      <view class="uni-section-header section--uni-section-header">
        <view class="uni-section-header__decoration section--uni-section-header__decoration line section--line" />
        <view class="uni-section-header__content section--uni-section-header__content">
          <text
            class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-748 sk-text"
            style="font-size:17px;color:#333"
          >
            推荐活动
          </text>
        </view>
        <view class="uni-section-header__slot-right section--uni-section-header__slot-right" />
      </view>
      <view class="uni-section-content section--uni-section-content" style="padding:" />
    </view>
  </view>
  <swiper
    autoplay="false" circular="true"
    class="recommend-activity-swiper recommend-activity-swiper data-v-83a5a03c data-v-83a5a03c" duration="500"
    interval="2000" current="0"
  />
</template>

<style scoped>
.sk-transparent {
  color: transparent !important;
}

.sk-text-27-5000-226 {
  background-image: linear-gradient(transparent 27.5000%, #EEEEEE 0%, #EEEEEE 72.5000%, transparent 0%) !important;
  background-size: 100% 76.9231rpx;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-796 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-810 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-846 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-444 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-603 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-501 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-757 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-650 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 45.7692rpx;
  position: relative !important;
}

.sk-text-14-2857-326 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-384 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.0000rpx;
  position: relative !important;
}

.sk-text-30-4348-661 {
  background-image: linear-gradient(transparent 30.4348%, #EEEEEE 0%, #EEEEEE 69.5652%, transparent 0%) !important;
  background-size: 100% 78.6325rpx;
  position: relative !important;
}

.sk-text-14-2857-748 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 45.7692rpx;
  position: relative !important;
}

.sk-button {
  color: #EFEFEF !important;
  background: #EFEFEF !important;
  border: none !important;
  box-shadow: none !important;
}

.sk-image {
  background: #EFEFEF !important;
}

.sk-pseudo::before,
.sk-pseudo::after {
  background: #EFEFEF !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}

.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}

.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
